<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>直转点-素材管理</title>
    <meta charset="utf-8">

    <script type="text/javascript">
        //document.write('<scri' + 'pt charset="utf-8" src="./js/init_dadian.js?v=' + Math.random() + '" type="text/javascript"></s' + 'cript>');
        document.write('<scri' + 'pt charset="utf-8" src="./js/init_dadian.js?v=' + 1 + '" type="text/javascript"></s' + 'cript>');
    </script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.ui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.qui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/qui_0.4.0/jquery.qui.suggest.js?v=2014122229711"></script>
    <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
    <link rel="stylesheet" href="css/jquery.fileupload.css">
</head>
<style>
    .norecords {
        border-width: 2px !important;
        display: none;
        font-weight: bold;
        left: 45%;
        margin: 5px;
        padding: 6px;
        text-align: center;
        top: 45%;
        width: auto;
        z-index: 102;
    }
    h6 {
        padding: 7px;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
        border-top: 1px solid #ccc;
    }

    .fileUpload input {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        width:80px;
    }
</style>
<body>
<header></header>
<div class="wrapper wrapper-video">
    <nav>
        <ul class="breadcrumb">
            <li>直转点<span class="divider"> &gt; </span></li>
            <li>素材管理</li>
        </ul>
    </nav>
    <div class="container container-video">
        <div class="container-list" id="VodadListContainer">
            <div class="query" id="QueryContainer">
                <form class="form-horizontal form-container form-inline" name="basicFrm" autocomplete="off">
                    <div class="container">
                        <div class="row">
                            <div class="span5">
                                <div class="control-group">
                                    <label class="control-label" for="">素材名称：</label>
                                    <div class="controls">
                                        <input type="text" name="LIKES_name" value="" >
                                    </div>
                                </div>
                            </div>
                            <div class="span5">
                                <div class="control-group">
                                    <label class="control-label" for="">ID：</label>
                                    <div class="controls">
                                        <input type="text" name="EQL_id" value="" >
                                    </div>
                                </div>
                            </div>
                            <div class="span5">
                                <div class="control-group">
                                    <label class="control-label" for="">素材属性：</label>
                                    <div class="controls">
                                        <select class="form-control" name="EQI_type">
                                            <option value="all">全部</option>
                                            <option value="1">图像</option>
                                            <option value="0">视频</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="span5">
                                <div class="control-group">
                                    <label class="control-label" for="">上传人：</label>
                                    <div class="controls">
                                        <input type="text" name="EQS_opUser" value="" >
                                    </div>
                                </div>
                            </div>
                            <div class="span5">
                                <label class="control-label" for="">内容类型：</label>
                                <div class="control-group">
                                    <select class="form-control" name="EQI_contentType">
                                        <option value="all">全部</option>
                                        <option value="1">压屏条</option>
                                        <option value="2">压屏角标</option>
                                        <option value="3">插入型转场</option>
                                        <option value="4">贴片型转场</option>
                                        <option value="5">大头贴</option>
                                        <option value="6">原创贴</option>
                                    </select>
                                </div>
                            </div>

                            <div class="span8">
                                <div class="control-group">
                                    <label class="control-label" for="">上传时间：</label>
                                    <div class="controls">
                                        <input type="text" name="GET_opTime" placeholder="" autocomplete="off" class="input-medium">
                                        ~
                                        <input type="text" name="LET_opTime" placeholder="" autocomplete="off" class="input-medium">
                                        &nbsp;&nbsp;&nbsp;
                                        <a href="javascript:void(0);" onclick="Vodad.Util.calculateDate('today')" class="data-select">今日</a>
                                        <a href="javascript:void(0);" onclick="Vodad.Util.calculateDate('yesterday')" class="data-select">昨日</a>
                                        <a href="javascript:void(0);" onclick="Vodad.Util.calculateDate('7days')" class="data-select">7天</a>
                                        <a href="javascript:void(0);" onclick="Vodad.Util.calculateDate('month')" class="data-select">1月</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="control-group">
                            <label class="control-label" for=""></label>
                            <div class="controls">
                                <button type="submit"  class="btn btn-primary query-btn">搜索</button>
                                <button type="reset" class="btn">重置</button>
                                <button type="button" class="btn query-add-image">上传图片</button>
                                <button type="button" class="btn query-add-vod">上传视频</button>
                            </div>
                        </div>
                    </div>
                </form>

            </div>

            <div class="result">
                <div>
                    <table class="grid" id="VodadListGrid"></table>
                    <div class="pager" id="VodadListPager"></div>
                </div>
            </div>

            <div id="preview">
            </div>

        </div>

    </div>

    <div id="dlg_upload_video" class="form-inline" style="display: none">
        <form class="form-horizontal" name="basicForm">
            <input type="hidden" name="fileSize" value="" />
            <input type="hidden" name="fileType" value="" />
            <input type="hidden" name="opTime" value="" />
            <div class="row"></div>
            <div class="row">
                <div class="span8">
                <div class="control-group">
                    <label class="control-label">视频素材<span class="form-must">*</span>：</label>
                    <input type="text" placeholder="" name="address" style="width: 400px" class="form-control" />
                    &nbsp;&nbsp;&nbsp;
                    <a class="fileUpload btn">
                        上传
                        <input type="file" class="uploadBtnVideo" />
                    </a>
                </div>
                </div>
            </div>
            <div class="row">
                <div class="span8">
                    <div class="control-group" style="width:225px;text-align:right;color:red">
                        <span>（推荐格式：mov | mpg | mp4）</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span8">
                    <div class="control-group">
                        <label class="control-label">封面图<span class="form-must">*</span>：</label>
                        <input type="text" placeholder="" name="picAddress" style="width: 400px" class="form-control" />
                        &nbsp;&nbsp;&nbsp;
                        <a class="fileUpload btn">
                            上传
                            <input type="file" class="uploadBtnVideoImage">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span8">
                    <div class="control-group" style="width:335px;text-align:right;color:red">
                        <span>（允许上传jpg、png格式图片，图片大小不超过3M）</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">新文件名<span class="form-must">*</span>：</label>
                        <input type="text" name="name" value="" class="form-control" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">视频时长<span class="form-must">*</span>：</label>
                        <input type="text" name="duration" placeholder=""  class="form-control">（秒）
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">内容类型<span class="form-must">*</span>：</label>
                        <select class="form-control" name="contentType">
                            <option value="1">压屏条</option>
                            <option value="2">压屏角标</option>
                            <option value="3">插入型转场</option>
                            <option value="4">贴片型转场</option>
                            <option value="5">大头贴</option>
                            <option value="6">原创贴</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">备注：</label>
                        <input type="text" name="remark" value="" class="form-control" />
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div id="dlg_upload_image" class="form-inline" style="display: none">
        <form class="form-horizontal" name="basicForm">
            <input type="hidden" name="fileSize" value="" />
            <input type="hidden" name="fileType" value="" />
            <input type="hidden" name="opTime" value="" />
            <div class="row"></div>
            <div class="row">
                <div class="span8">
                    <div class="control-group">
                        <label class="control-label">图片素材<span class="form-must">*</span>：</label>
                        <input type="text" placeholder="" name="picAddress" style="width: 400px" class="form-control" />
                        &nbsp;&nbsp;&nbsp;
                        <a class="fileUpload btn">
                            上传
                            <input type="file" class="uploadBtnImage">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span8">
                    <div class="control-group" style="width:300px;text-align:right;color:red">
                        <span>（推荐格式：JPG | GIF，图片大小不超过20M）</span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">新文件名<span class="form-must">*</span>：</label>
                        <input type="text" name="name" value="" class="form-control" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">内容类型<span class="form-must">*</span>：</label>
                        <select class="form-control" name="contentType">
                            <option value="1">压屏条</option>
                            <option value="2">压屏角标</option>
                            <option value="4">贴片型转场</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span5">
                    <div class="control-group">
                        <label class="control-label">备注：</label>
                        <input type="text" name="remark" value="" class="form-control" />
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div id="dlg_upload_waiting" style="display: none" title="上传中...">
        <p><span style="font-size:16px;float:left; margin:0 7px 20px 0;">文件正在上传中，请稍候！</span></p>
    </div>

    <div id="dlg_upload_progress" style="display: none" title="上传中...">
        <div id="percentage"></div>
        <div style="margin-bottom: 0px;" class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
            <div class="progress-bar progress-bar-success" style="width:0%;">
            </div>
            <div id="progressPercent" style="position: absolute;top: 25px;left: 210px"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    require(['dadian'], function() {
        Vodad.Action.run();
    })
</script>

</body>
<html>
